<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>$person.firstName $person.lastName</title>
<link type="text/css" rel="stylesheet" media="all" href="/css/bootstrap.css" />
	<link type="text/css" rel="stylesheet" media="all" href="/css/bootstrap-responsive.css" />
	<link type="text/css" rel="stylesheet" media="all" href="/css/jquery-ui-1.8.17.custom.css" />
	<style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
    </style>
</head>
<body>
	
	<div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">YamaShinigami</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="active"><a id="home_selector" href="/#">Home</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

	<div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Actions</li>
              <li><a href="/person">Create</a></li>
              <li><a href="/person/search">Search</a></li>
              <li class="active"><a href="/person/result">List</a></li>
            </ul>
          </div><!--/.well -->
        </div><!--/span-->
        <div class="span9">
<table class="table table-striped table-condensed">
	<tr>
		<td colspan="3"><strong>Person Detail</strong></td>
	</tr>
	<tr>
		<td>FirstName</td>
		<td>$person.firstName</td>
	</tr>
	<tr>
		<td>LastName</td>
		<td>$person.lastName</td>
	</tr>
	<tr>
		<td>Sex</td>
		<td>#if($person.gender == true) Male #else
		Female #end</td>
	</tr>
	<tr>
		<td>BirthDate</td>
		<td>$!sdf</td>
	</tr>
	<tr>
		<td>Parent</td>
		<td><a href="../$!person.parent.id/detail">$!person.parent.firstName&nbsp;$!person.parent.lastName</a></td>
	</tr>
	<tr>
		<td>Address</td>
		<td>$person.address</td>
	</tr>
</table>
<br></br>
<table border="0" cellpadding="3" cellspacing="1">
	<tr valign="top">
		<td>
		<table border="0" cellpadding="5px" cellspacing="4px">
			<!-- form action="$person.id/child" method="post" -->
			<tr>
				<td colspan="2">Child : 
				&nbsp;&nbsp;<input type="hidden" name="childId" id="child" value="" />
				<input type="button" value="View" class="btn btn-primary"
					onclick="javascript:window.open('../$person.id/listChild','cats','scrollbars=yes,status=no,width=300,height=300')" />
				<input type="button" value="addNew" class="btn btn-primary"
					onclick="javascript:window.open('../$person.id/newChild','cats','scrollbars=yes,status=no,width=600,height=400')" />
				</td>
			</tr>
			<!-- /form -->
		</table>
		</td>
	</tr>
</table>

<table class="table table-striped table-condensed">
	<tr>
				<td><b>Child</b></td>
				<td><b>Action</b></td>
			</tr>
			#foreach($c in $childs.persons)
			<tr>
				<td>$!c.firstName&nbsp;$!c.lastName</td>
				<td><a href="../$!c.id/detail"> <img
					src="/images/silk/application_view_detail.png" title="Detail"
					border="0" /></a>&nbsp;&nbsp;&nbsp; <a href="../$!c.id/deleteChild">
				<img src="/images/silk/delete.png" title="Delete" border="0" /></a>&nbsp;&nbsp;&nbsp;
				</td>
			</tr>
			#end
</table>

</div></div>

<hr/>

      <footer>
        <p>&copy; YamaShinigami 2012</p>
      </footer>
      
      </div>
      <script src="/js/jquery-1.7.1.min.js"></script>
		<script src="/js/jquery-ui-1.8.17.custom.min.js"></script>
		<script src="/js/bootstrap.js"></script>
</body>
</html>


